<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
    <div class="container">


	<div class="row clearfix">
		<div class="col-md-6 column">
			<div class="sideBox" id="sideMenu">
				<div class="hd">
					<h3>
						<span>关于我们</span>
					</h3>
				</div>
				<div class="bd">
					<ul class="menuList">
						<li>
							<a rel="nofollow" title="layoutit-bootstrap layout可视化布局系统" href="http://www.layoutit.cn">公司简介</a>
						</li>
						<li>
							<a rel="nofollow" title="layoutit-bootstrap layout可视化布局系统" href="http://www.layoutit.cn">企业文化</a>
						</li>
						<li>
							<a rel="nofollow" title="layoutit-bootstrap layout可视化布局系统" href="http://www.layoutit.cn">组织结构</a>
						</li>
						<li>
							<a rel="nofollow" title="layoutit-bootstrap layout可视化布局系统" href="http://www.layoutit.cn">资质认证</a>
						</li>
						<li>
							<a rel="nofollow" title="layoutit-bootstrap layout可视化布局系统" href="http://www.layoutit.cn">联系我们</a>
						</li>
					</ul>
				</div>
			</div>
			
		</div>
		<div class="col-md-6 column">
			<table class="table">
				<thead>
					<tr>
						<th>
							编号
						</th>
						<th>
							产品
						</th>
						<th>
							上线时间
						</th>
						<th>
							状态
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							1
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							01/04/2012
						</td>
						<td>
							Default
						</td>
					</tr>
					<tr class="active">
						<td>
							1
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							01/04/2012
						</td>
						<td>
							Approved
						</td>
					</tr>
					<tr class="success">
						<td>
							2
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							02/04/2012
						</td>
						<td>
							Declined
						</td>
					</tr>
					<tr class="warning">
						<td>
							3
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							03/04/2012
						</td>
						<td>
							Pending
						</td>
					</tr>
					<tr class="danger">
						<td>
							4
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							04/04/2012
						</td>
						<td>
							Call in to confirm
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>
</body>
</html>